$(function () {
    var index = 0;//保存li索引
    var len = $(".num > li").length;//定义变量用来保存li的长度
    var timer;//定义一个变量用来接收计时器
    $(".num>li").mouseover(function () {//通过jquare获取到li，增加鼠标事件
        index = $(this).index()//接收当前对象的索引
        toggleImg(index)
    }).eq(0).mouseover()//
    $(".ad").hover(function () {//hover 方法中有两个参数 一个为鼠标进入，一个为鼠标离开，可传入两个方法
        clearInterval(timer)//鼠标进入时清除计时器，使得图片不再自动播放
    }, function () {
        timer = setInterval(function () { //定义计时器传入函数，和毫秒数
            toggleImg(index);
            index++;
            if (index == len) {
                index = 0;
            }
        }, 2000)
    }).trigger("mouseleave")//模拟鼠标离开事件触发自动播放函数

})

function toggleImg(index) {//封装函数 图片自动播放 通过改变top属性实现图片上移
    var adHeight = $(".ad").height();
    $(".slider").stop().animate({"top": -adHeight * index}, 240)
    $(".num li").removeClass("on").eq(index).addClass("on")
}